.index{
    margin-bottom: 3rem;
    width: 100%;
    overflow: hidden;
}

*{
    box-sizing: border-box!important;
}

.indexTitle{
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background: #FFD200;
    font-size: 0.64rem;
    position: fixed;
    top: 0;
    z-index: 9;
    overflow: hidden;
}

.indexTitle img{
    width: 1rem;
    height: 1rem;
    float: left;
    margin-left: 0.6rem;
    margin-top: 0.5rem;
}

.indexTitle span:nth-child(2){
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    top: 0;
    left: 50%;
    font-family:NotoSansHans-Medium;
    font-weight:500;
    transform: translateX(-50%);
}

.indexContent{
    margin-top: 0;
    /*padding: 0.6rem;*/
    background: #ffffff;
    margin-bottom: 0;
}

.communityUser{
    width: 100%;
    padding: 0.6rem;
    overflow: hidden;
}

.communityUser .communityUserPic{
    float: left;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 50%;
    overflow: hidden;
}

.communityUser .communityUserPic img{
    width: 1.32rem;
    height: 1.32rem;
}

.communityUser .communityUserName{
    float: left;
    margin-left: 0.45rem;
}

.communityUser .communityUserName p:nth-child(1){
    font-size:0.55rem;
}

.communityUser .communityUserName p:nth-child(1) span{
    vertical-align: middle;
    /*display: inline-block;*/
    width: 10rem;
    text-overflow: ellipsis;
    white-space: nowrap;/*不换行*/
    overflow: hidden;
}

.communityUser .communityUserName p:nth-child(1) img{
    width: 0.68rem;
    vertical-align: middle;
}

.communityUser .communityUserName p:nth-child(2){
    font-size:0.43rem;
    font-weight:400;
    color: #B1B1B1;
}

.indexContent .content1 .price{
    font-size:0.64rem;
    font-family:NotoSansHans-Regular;
    font-weight:400;
    color: #FF0000;
}

.indexContent .content1 .price span{
    font-size:1.07rem;
}

.indexContent .content1 .title1{
    font-size:0.6rem;
    font-family:NotoSansHans-Bold;
    font-weight:bold;
}

.content1 .info{
    font-size:0.55rem;
    line-height: 0.77rem;
    text-align: justify;
    padding: 0 0.6rem;
    overflow: hidden;
}

 .infoImg{
    width: 100%;
    height: initial;
    margin-top: 0;
     padding-bottom: 0.6rem;
    overflow: hidden;
}

 .infoImg img{
    float: left;
    width: 30%;
    height: initial;
    object-fit: cover;
    margin-left: 2.5%;
    margin-top: 0.3rem;
}

.content1 .info a{
    color: #47BCFF;
}

.IndexAttention{
    padding: 0.6rem;
    font-size: 0.55rem;
    background: #ffffff;
    margin-top: 0.5rem;
    overflow: hidden;
}

.IndexAttention a{
    color: #39B7FF;
    font-size: 0.55rem;
}

.indexPLTab{
    width: 100%;
    margin-top: 0.6rem;
    background: #ffffff;
    overflow: hidden;
}

.indexPLTab .tabTitle{
    width: 100%;
    height: 2rem;
    font-size: 0.64rem;
    color: #A4A4A4;
    overflow: hidden;
}

.indexPLTab .tabTitle .tabLi{
    float: left;
    width: 50%;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    position: relative;
    overflow: hidden;
}

.indexPLTab  .active{
    color: #000;
}

.indexPLTab .active .activeLine{
    width: 0.64rem;
    height: 0.2rem;
    background: #FF9100;
    border-radius: 0.1rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /*display: none;*/
}

.tabContent{
    width: 100%;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}

.tabContent .noplList{
    width: 100%;
    height: 12rem;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    display: none;
}

.tabContent .noplList .noplListContent{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 0.6rem;
    color: #A4A4A4;
    overflow: hidden;
}

.tabContent .noplList .noplListContent img{
    width: 55%;
    margin-bottom: 1rem;
}

.indexLike{
    /*padding: 0.6rem;*/
    background: #ffffff;
    margin-top: 0.5rem;
    display: none;
}

.indexLike ul{
    width: 100%;
    /*padding:0 0 0.6rem 0;*/
    background: #ffffff!important;
    overflow: hidden;
}

.indexLike ul li{
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.64rem;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
}

.indexLike ul li:nth-last-child(1){
    border: none;
}


.indexLike ul li img{
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    vertical-align: middle;
}

.indexLike ul li span{
    vertical-align: middle;
    margin-left: 0.6rem;
}

/*.indexLike p:nth-child(2){*/
/*    text-align: right;*/
/*    font-size: 0.8rem;*/
/*}*/

.indexComment{
    padding: 0.6rem;
    margin-top: 0.5rem;
    overflow: hidden;
    /*margin-bottom: 3rem;*/
    background: #ffffff;
}

.indexComment #commentList{
    /*width: 100%;*/
    /*padding:0 0.6rem 0.6rem;*/
    background: #ffffff;
    margin-top: 0.6rem;
    overflow: hidden;
}

.indexComment #commentList li{
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 0.6rem;
    overflow: hidden;
}

.indexComment #commentList li .communityUser{
    padding-top: 0;
}

.indexComment #commentList li .content1{
    padding-bottom: 0.6rem;
}

.indexComment #commentList li:nth-last-child(1){
    border: none;
}

.delete{
    border-top: 1px solid #E5E5E5;
    text-align: right;
    background: #ffffff;
    font-size: 0.8rem;
    padding: 0.6rem;
    display: none;
}

.operation{
    width: 100%;
    background: #ffffff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}

.operation .comment{
    width: 49%;
    height: 1rem;
    margin: 0.5rem 0;
    float: left;
    text-align: center;
    line-height: 1rem;
    border-right: 2px solid #000;
    overflow: hidden;
}

.operation .comment img{
    width: 0.94rem;
    vertical-align: middle;
}

.operation .comment span{
    vertical-align: middle;
    font-size: 0.64rem;
    color: #000;
}

.operation .like{
    width: 50%;
    /*height: 2rem;*/
    padding: 0.5rem 0;
    float: right;
    text-align: center;
    line-height: 1rem;
    overflow: hidden;
}

.operation .like img{
    width: 0.94rem;
    vertical-align: middle;
}

.operation .like span{
    vertical-align: middle;
    font-size: 0.64rem;
    color: #000;
}

.goXianYu{
    width: 100%;
    background: #ffffff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}

.goXianYu div{
    width: 25%;
    height: 2rem;
    line-height: 2rem;
    float: left;
    text-align: center;
    overflow: hidden;
}

.goXianYu  img{
    width: 0.94rem;
    vertical-align: middle;
}

.goXianYu  span{
    vertical-align: middle;
    font-size: 0.64rem;
    color: #808080;
}

.goXianYu .goXianYuBtn{
    text-align: center;
    font-size:0.6rem;
    font-family:NotoSansHans-Regular;
    font-weight:400;
    background: #FFD300;
}




.guaXD{
    box-sizing: border-box!important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    z-index: 10;
    overflow: auto;
    display: none;
}

.guaXD header{
    box-sizing: border-box!important;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.75rem;
    font-weight: 500;
    background: #f7f7f8;
}

.guaXD .content1{
    width: 100%;
    height: 10rem;
    margin-top: 4rem;
    background: #ffffff;
    overflow: hidden;
}

.guaXD textarea{
    box-sizing: border-box!important;
    width: 100%;
    height: 10rem;
    font-size: 0.7em;
    padding: 1rem;
    border: none;
    resize: none;
}

.btn{
    box-sizing: border-box!important;
    width: 100%;
    padding: 0.6rem;
    margin-top: 3rem;
    overflow: hidden;
}

.btn div{
    box-sizing: border-box!important;
    float: left;
    width: 45%;
    height: 1.5rem;
    background: #FED200;
    text-align: center;
    font-size: 0.65rem;
    font-weight: 500;
    line-height: 1.5rem;
    border-radius: 1.5rem;
}

.btn .qx{
    margin-left: 5%;
}



@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }


    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }


    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        /*opacity: 0;*/
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        /*opacity: 0;*/
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
